<template>

<div>
    <div id="blo" :style="{backgroundColor:isAtt,width:size+'px',height:size+'px'}" @click="del"></div>
</div>
    
</template>
<script>
  export default {
      data(){
          return{
              isAtt:"red",
              size:20
          }
      },
      methods:{
          del(){
              this.size++
              console.log("in");
              this.isAtt="#000"
          }
      }
  }
</script>
<style lang="css">
  #blo{
      width: 200px;
      height: 300px;
      border: 1px solid #000;
  }
</style>
